<!DOCTYPE html>
<html>
<!--
    @作者：一行
    @版本：2.0
    @地址:https://www.fk.xj.cn
    @开原地址：https://gitee.com/Arow/rain-cloud-network
    @更新日期：2023年2月25日15:03:12
    @项目: QQ互联申请方案2.0
    @简介: 专为申请QQ互联不通过的问题作出的方案，90%可通过审核
    @说明: 感谢您使用本项目，本项目可进行二次创作发布，严禁付费！
-->

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width">
    <meta charset="UTF-8">
    <title>登录 - 这里填写您的备案时填写的网站名称</title>
    <link rel="stylesheet" href="./yuyun/bootstrap.min.css">
    <link rel="stylesheet" href="./yuyun/site.min.css">
    <link rel="stylesheet" href="./yuyun/gs.css">
    <link type="image/x-icon" href="./yuyun/favicon.webp" rel="shortcut icon" />
</head>

<body>
    <div class="container-fluid">
        <div class="row min-vh-100 align-items-stretch">
            <div
                class="col-lg-7 d-none d-md-flex justify-content-center align-items-center gradient-brand-color vh-100">
                <figure class="figure pattern-svg"><svg xmlns="http://www.w3.org/2000/svg"
                        xlink="http://www.w3.org/1999/xlink" width="690px" height="519px">
                        <path fill-rule="evenodd" opacity="0.412" fill="rgb(255, 255, 255)"
                            d="M0.010,293.142 L7.857,289.009 L11.990,296.857 L4.142,300.989 L0.010,293.142 Z"></path>
                        <path fill-rule="evenodd" opacity="0.6" fill="rgb(255, 255, 255)"
                            d="M680.839,148.992 L689.997,154.833 L684.156,163.991 L674.998,158.149 L680.839,148.992 Z">
                        </path>
                        <path fill-rule="evenodd" opacity="0.2" fill="rgb(255, 255, 255)"
                            d="M145.500,508.000 C148.538,508.000 151.000,510.462 151.000,513.500 C151.000,516.538 148.538,519.000 145.500,519.000 C142.462,519.000 140.000,516.538 140.000,513.500 C140.000,510.462 142.462,508.000 145.500,508.000 Z">
                        </path>
                        <path fill-rule="evenodd" opacity="0.302" fill="rgb(255, 255, 255)"
                            d="M633.500,357.000 C635.985,357.000 638.000,359.015 638.000,361.500 C638.000,363.985 635.985,366.000 633.500,366.000 C631.015,366.000 629.000,363.985 629.000,361.500 C629.000,359.015 631.015,357.000 633.500,357.000 Z">
                        </path>
                        <path fill-rule="evenodd" opacity="0.8" fill="rgb(255, 255, 255)"
                            d="M574.672,8.047 L583.310,0.211 L585.650,11.982 L574.672,8.047 Z"></path>
                        <path fill-rule="evenodd" opacity="0.6" fill="rgb(255, 255, 255)"
                            d="M140.000,18.000 C141.657,18.000 143.000,19.343 143.000,21.000 C143.000,22.657 141.657,24.000 140.000,24.000 C138.343,24.000 137.000,22.657 137.000,21.000 C137.000,19.343 138.343,18.000 140.000,18.000 Z">
                        </path>
                    </svg></figure>
                <div class="w-75 px-4">
                    <div class="swiper-container pt-5 pb-5">
                        <div class="swiper-wrapper text-center">
                            <div class="swiper-slide testimony__slide">
                                <p class="mb-5"><strong class="super-lead color--white"><span
                                            class="text"></span></strong></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 d-flex align-items-md-baseline py-5 background--light vh-md-100 overflow-auto">
                <div class="w-75 mt-3 mt-md-5 mx-auto overflow-hidden px-md-5 px-lg-3">
                    <header class="mb-5"><img src="./yuyun/logo.webp" style="height:40px" alt="雨云网">
                        <div style="font-size:36px;display:inline-block;line-height:40px;vertical-align:bottom">
                            这里填写您的网站名称
                        </div>
                    </header>
                    <main class="main">
                        <div class="row">
                            <div class="col-sm-12 mb-2 text-center position-relative pt-2 pb-3 px-0">
                                <hr class="mw-100 position-absolute z-index-100"
                                    style="width:calc(100% - 30px);margin-left:15px"><small
                                    class="px-3 background--light position-relative z-index-105">使用第三方帐号直接登录，免注册、更安全、更便捷</small>
                            </div>
                            <div class="col-sm-12 mb-2"
                                style="display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:32px">
                                <input type="hidden" name="provider">
                                <a href="https://www.fk.xj.cn/oauth/qq?rurl=https%3A%2F%2Fwww.fk.xj.cn%2F"
                                    title="使用 QQ 帐号登录" data-provider="QQ"><img src="./yuyun/qq.webp"></a>
                            </div>
                            <div class="col-sm-12 mb-2 text-center position-relative pt-2 pb-3 px-0">
                                <hr class="mw-100 position-absolute z-index-100"
                                    style="width:calc(100% - 30px);margin-left:15px">
                            </div>
                        </div>
                    </main>
                    <footer class="mt-5"><small>©<span id="Main"></span> - 这里填写您的版权信息 版权所有. <br><span>
                                <img src="./yuyun/icp.webp" height="18" width="18">这里填写您的ICP备案号</span></small></footer>
                </div>
            </div>
        </div>
    </div>
    <Script>
        const text = document.querySelector('.text');
        const txt = ["一个致力分享免费技术资源的团队", "感谢您使用本程序", "官网：www.fk.xj.cn"];
        var index = 0;
        var xiaBiao = 0;
        var huan = true;
        setInterval(function () {
            if (huan) {
                text.innerHTML = txt[xiaBiao].slice(0, ++index);
                console.log(index);
            }
            else {
                text.innerHTML = txt[xiaBiao].slice(0, index--);
                console.log(index);
            }
            if (index == txt[xiaBiao].length + 3) {
                huan = false;
            }
            else if (index < 0) {
                index = 0;
                huan = true;
                xiaBiao++;
                if (xiaBiao >= txt.length) {
                    xiaBiao = 0;
                }
            }
        }, 200)


        window.onload = function () {
            window.requestAnimationFrame(getDate)
        }
        function getDate() {
            window.setTimeout(function () {
                window.requestAnimationFrame(getDate)
            }, 1000 / 2)
            var d = new Date();
            var year = d.getFullYear()  //获取年
            var Tools = document.getElementById("Main")
            var da = year
            Tools.innerHTML = da
        }
    </Script>

</body>

</html>